<template>
  <div id="app">
    <ui-head></ui-head>
    <ui-content></ui-content>
  </div>
</template>

<script>
import UiHead from './views/head/head.vue'
import UiContent from './views/content/content.vue'
export default {
  name: 'App',
  components: {
    UiHead,
    UiContent
  }
}
</script>
<style>
* {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100vh;
  overflow: hidden;
  font-family: -apple-system,"Noto Sans","Helvetica Neue",Helvetica,"Nimbus Sans L",Arial,"Liberation Sans","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Source Han Sans SC","Source Han Sans CN","Microsoft YaHei","Wenquanyi Micro Hei","WenQuanYi Zen Hei","ST Heiti",SimHei,"WenQuanYi Zen Hei Sharp",sans-serif;;
  font-size: 1rem;
}
#app {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
.im {
    color: rgb(102, 217, 239);
    -webkit-user-select: text;
  }
.pag {
  color: #a6e22e;
  -webkit-user-select: text;
}
</style>
